<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:ch="http://sourceforge.net/projects/jsf-comp"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"	
  xmlns:t="http://myfaces.apache.org/tomahawk"
  xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/template/pPrincipal.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
		</ui:define>
		
		<ui:define name="titulopagina">
			<h:outputText value="CONSULTA CUMPLEAÑOS DE CLIENTES" />
		</ui:define>
		
		<ui:define name="agregaIconoEjecutivos"/>
		<ui:define name="agregaIconoEmail"/>

		<ui:define name="bodyarea">
			<p:messages id="growl" showDetail="true" closable="true" />
			<f:event type="preRenderView" listener="#{cumpleClienteController.onPageLoad}"/>
			<input type="hidden" id="nomReporte" name="nomReporte" value="consultaCupleCliente"/>
			<h:panelGrid id="idContentMain" width="100%">
				<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" id="idCriterioBusq"
					cellpadding="5" styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
					<f:facet name="header">
						<h:outputText value="Criterio de Búsqueda" />
					</f:facet>
					<h:panelGrid columns="3">						
						<h:outputText value="Asesor :" styleClass="texto"/>
						<p:selectOneMenu id="cmbAsesor" value="#{cumpleClienteController.cumpleClienteModel.codigoAsesor}"> 
							<f:selectItems value="#{comboModel.listaSoloAsesores}"/>
						</p:selectOneMenu>
						<h:outputText value="" styleClass="texto" />
						<h:outputText value="Días previos del cumpleaños:" styleClass="texto" />
						<h:inputText id="itDiasVencimiento" value="#{cumpleClienteController.diasVencimiento}" maxlength="4" style="width: 20%" 
							onkeypress="return verificaEntero();" />
						
						<p:commandButton value="Buscar" id="btnBuscar" actionListener="#{cumpleClienteController.buscar}" icon="ui-icon-search"
							update=":formPrincipal:tablaCumpleCliente,:formPrincipal:growl"/>
					</h:panelGrid>
				</h:panelGrid>
				<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" id="idResultado"
					cellpadding="5" styleClass="bordePanel" columns="1" width="99%">
					<f:facet name="header">
						<h:outputText value="Resultados" />
					</f:facet>
					<p:dataTable id="tablaCumpleCliente" value="#{cumpleClienteController.cumpleClienteModel.listaConsultaGeneral}" 
						emptyMessage="No hay resultados." var="fila"
						paginator="true" rows="10" rowIndexVar="rowIndex"
						rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
						<p:column styleClass="columnCenter" rendered="#{cumpleClienteController.cumpleClienteModel.codigoAsesor == 0}" >
							<f:facet name="header">
								<h:outputText value="Asesor" />
							</f:facet>
							<h:outputText value="#{fila.nombreAsesor}" />
						</p:column>
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="Nombre Cliente" />
							</f:facet>
							<h:outputText value="#{fila.nombreCliente}" />
						</p:column>
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="Tipo Doc." />
							</f:facet>
							<h:outputText value="#{fila.destipdoc}" />
						</p:column>
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="Nro. Doc" />
							</f:facet>
							<h:outputText value="#{fila.nrodoc}" />
						</p:column>
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="Cumpleaños" />
							</f:facet>
							<h:outputText value="#{fila.feccumple}" />
						</p:column>
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="Edad" />
							</f:facet>
							<h:outputText value="#{fila.edad}" />
						</p:column>
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="Sexo" />
							</f:facet>
							<h:outputText value="#{fila.sexo}" />
						</p:column>
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="Estado Civil" />
							</f:facet>
							<h:outputText value="#{fila.estadocivil}" />
						</p:column>
					</p:dataTable>
				</h:panelGrid>
			</h:panelGrid>
			<p:blockUI block=":formPrincipal:idContentMain" trigger=":formPrincipal:btnBuscar">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Cargando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
		</ui:define>
	</ui:composition>
</html>
